<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="CFF-1">CFF–1: Hexing the Last Byte</h3>

<div class="desc">
  The font for this test case is <a
  href="https://github.com/adobe-fonts/fdarray-test/" >FDArray Test 257</a>, a test
  font by Adobe. The font has been engineered by Ken Lunde to use a <em><a
  href="http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/font/pdfs/5176.CFF.pdf"
  >CFF</a> font dictionary array</em> for mapping Unicode codepoints to glyphs.
  If your implementation is correct, each rendered glyph should show a hexadecimal
  number with the <em>least significant byte</em> of the Unicode codepoint being rendered.
  For a more detailed explanation of this test, please refer to <a
  href="https://github.com/adobe-fonts/fdarray-test/blob/master/README.md" >Adobe’s
  description</a>.
</div>

<table>
  <tr style="font-variant-numeric:lining-nums">
    <th></th>
    <td style="padding:0 .5em"><div style="font-size:150%">A</div><div>U+00<span style="text-decoration:underline">41</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">ℝ</div><div>U+21<span style="text-decoration:underline">1D</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">⓪</div><div>U+24<span style="text-decoration:underline">EA</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">①</div><div>U+24<span style="text-decoration:underline">60</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">②</div><div>U+24<span style="text-decoration:underline">61</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">仿</div><div>U+4E<span style="text-decoration:underline">FF</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">Ａ</div><div>U+FF<span style="text-decoration:underline">21</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">𐄳</div><div>U+101<span style="text-decoration:underline">33</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">𝓐</div><div>U+1D4<span style="text-decoration:underline">D0</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">🌺</div><div>U+1F3<span style="text-decoration:underline">3A</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">🌻</div><div>U+1F3<span style="text-decoration:underline">3B</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">💧</div><div>U+1F4<span style="text-decoration:underline">A7</span></div></td>
    <td style="padding:0 .5em"><div style="font-size:150%">🥝</div><div>U+1F9<span style="text-decoration:underline">5D</span></div></td>
  </tr>
  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="CFF-1/0041" ft:render="A"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/0041.gid66" overflow="visible"><path d="M582,0 L940,0 L940,32 L784,32 L784,704 L754,704 C722,686 678,670 622,662 L622,636 L748,636 L748,32 L582,32 Z M82,248 L266,554 C284,584 302,614 318,644 L322,644 C320,600 320,576 320,542 L320,248 Z M450,248 L356,248 L356,704 L321,704 L34,236 L34,216 L320,216 L320,0 L356,0 L356,216 L450,216 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/0041.gid66" /></svg></td>

    <td class="expected" ft:id="CFF-1/211D" ft:render="ℝ"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/211D.gid30" overflow="visible"><path d="M578,0 L682,0 C864,0 956,148 956,366 C956,582 864,726 682,726 L578,726 Z M616,34 L616,692 L676,692 C840,692 916,558 916,366 C916,174 840,34 676,34 Z M82,0 L440,0 L440,32 L284,32 L284,704 L254,704 C222,686 178,670 122,662 L122,636 L248,636 L248,32 L82,32 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/211D.gid30" /></svg></td>

    <td class="expected" ft:id="CFF-1/24EA" ft:render="⓪"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/24EA.gid235" overflow="visible"><path d="M646,290 L684,434 C707,522 728,596 748,686 L752,686 C772,596 793,522 816,434 L853,290 Z M928,0 L966,0 L773,726 L727,726 L534,0 L570,0 L637,256 L862,256 Z M104,0 L442,0 L442,34 L142,34 L142,370 L384,370 L384,404 L142,404 L142,692 L432,692 L432,726 L104,726 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/24EA.gid235" /></svg></td>

    <td class="expected" ft:id="CFF-1/2460" ft:render="①"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/2460.gid97" overflow="visible"><path d="M750,-12 C857,-12 934,113 934,356 C934,597 857,716 750,716 C643,716 566,597 566,356 C566,113 643,-12 750,-12 Z M750,22 C663,22 604,135 604,356 C604,577 663,682 750,682 C837,682 896,577 896,356 C896,135 837,22 750,22 Z M269,22 C171,22 116,127 109,279 C164,360 223,388 268,388 C358,388 402,320 402,204 C402,102 346,22 269,22 Z M428,650 C394,690 350,716 290,716 C174,716 70,616 70,316 C70,108 149,-12 269,-12 C361,-12 440,78 440,204 C440,344 376,422 272,422 C212,422 153,382 108,323 C110,592 195,682 290,682 C334,682 374,664 404,624 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/2460.gid97" /></svg></td>

    <td class="expected" ft:id="CFF-1/2461" ft:render="②"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/2461.gid98" overflow="visible"><path d="M582,0 L940,0 L940,32 L784,32 L784,704 L754,704 C722,686 678,670 622,662 L622,636 L748,636 L748,32 L582,32 Z M269,22 C171,22 116,127 109,279 C164,360 223,388 268,388 C358,388 402,320 402,204 C402,102 346,22 269,22 Z M428,650 C394,690 350,716 290,716 C174,716 70,616 70,316 C70,108 149,-12 269,-12 C361,-12 440,78 440,204 C440,344 376,422 272,422 C212,422 153,382 108,323 C110,592 195,682 290,682 C334,682 374,664 404,624 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/2461.gid98" /></svg></td>

    <td class="expected" ft:id="CFF-1/4EFF" ft:render="仿"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/4EFF.gid256" overflow="visible"><path d="M624,0 L662,0 L662,356 L900,356 L900,390 L662,390 L662,692 L944,692 L944,726 L624,726 Z M124,0 L162,0 L162,356 L400,356 L400,390 L162,390 L162,692 L444,692 L444,726 L124,726 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/4EFF.gid256" /></svg></td>

    <td class="expected" ft:id="CFF-1/FF21" ft:render="Ａ"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/FF21.gid34" overflow="visible"><path d="M582,0 L940,0 L940,32 L784,32 L784,704 L754,704 C722,686 678,670 622,662 L622,636 L748,636 L748,32 L582,32 Z M56,0 L440,0 L440,32 L228,32 C188,32 150,30 110,28 C290,244 404,380 404,522 C404,640 342,716 230,716 C154,716 99,670 55,614 L82,592 C118,644 171,682 228,682 C324,682 366,611 366,522 C366,398 264,266 56,22 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/FF21.gid34" /></svg></td>

    <td class="expected" ft:id="CFF-1/10133" ft:render="𐄳"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/10133.gid52" overflow="visible"><path d="M741,-12 C846,-12 926,64 926,184 C926,286 858,352 784,370 L784,374 C852,398 906,456 906,550 C906,656 837,716 741,716 C673,716 617,678 577,630 L601,606 C635,650 687,682 741,682 C815,682 868,630 868,546 C868,462 812,386 674,386 L674,352 C822,352 888,286 888,182 C888,84 822,22 741,22 C660,22 606,64 570,110 L546,86 C582,40 648,-12 741,-12 Z M241,-12 C346,-12 426,64 426,184 C426,286 358,352 284,370 L284,374 C352,398 406,456 406,550 C406,656 337,716 241,716 C173,716 117,678 77,630 L101,606 C135,650 187,682 241,682 C315,682 368,630 368,546 C368,462 312,386 174,386 L174,352 C322,352 388,286 388,182 C388,84 322,22 241,22 C160,22 106,64 70,110 L46,86 C82,40 148,-12 241,-12 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/10133.gid52" /></svg></td>

    <td class="expected" ft:id="CFF-1/1D4D0" ft:render="𝓐"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/1D4D0.gid209" overflow="visible"><path d="M750,-12 C857,-12 934,113 934,356 C934,597 857,716 750,716 C643,716 566,597 566,356 C566,113 643,-12 750,-12 Z M750,22 C663,22 604,135 604,356 C604,577 663,682 750,682 C837,682 896,577 896,356 C896,135 837,22 750,22 Z M78,0 L182,0 C364,0 456,148 456,366 C456,582 364,726 182,726 L78,726 Z M116,34 L116,692 L176,692 C340,692 416,558 416,366 C416,174 340,34 176,34 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/1D4D0.gid209" /></svg></td>

    <td class="expected" ft:id="CFF-1/1F33A" ft:render="🌺"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/1F33A.gid59" overflow="visible"><path d="M646,290 L684,434 C707,522 728,596 748,686 L752,686 C772,596 793,522 816,434 L853,290 Z M928,0 L966,0 L773,726 L727,726 L534,0 L570,0 L637,256 L862,256 Z M241,-12 C346,-12 426,64 426,184 C426,286 358,352 284,370 L284,374 C352,398 406,456 406,550 C406,656 337,716 241,716 C173,716 117,678 77,630 L101,606 C135,650 187,682 241,682 C315,682 368,630 368,546 C368,462 312,386 174,386 L174,352 C322,352 388,286 388,182 C388,84 322,22 241,22 C160,22 106,64 70,110 L46,86 C82,40 148,-12 241,-12 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/1F33A.gid59" /></svg></td>

    <td class="expected" ft:id="CFF-1/1F33B" ft:render="🌻"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/1F33B.gid60" overflow="visible"><path d="M596,0 L718,0 C868,0 948,72 948,210 C948,326 886,372 810,386 L810,392 C881,414 912,472 912,550 C912,668 848,726 716,726 L596,726 Z M632,402 L632,692 L700,692 C824,692 874,654 874,546 C874,458 832,402 694,402 Z M632,32 L632,370 L716,370 C850,370 910,318 910,208 C910,86 842,32 706,32 Z M241,-12 C346,-12 426,64 426,184 C426,286 358,352 284,370 L284,374 C352,398 406,456 406,550 C406,656 337,716 241,716 C173,716 117,678 77,630 L101,606 C135,650 187,682 241,682 C315,682 368,630 368,546 C368,462 312,386 174,386 L174,352 C322,352 388,286 388,182 C388,84 322,22 241,22 C160,22 106,64 70,110 L46,86 C82,40 148,-12 241,-12 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/1F33B.gid60" /></svg></td>

    <td class="expected" ft:id="CFF-1/1F4A7" ft:render="💧"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/1F4A7.gid168" overflow="visible"><path d="M706,0 L744,0 C752,278 798,456 942,682 L942,704 L562,704 L562,672 L899,672 C774,466 714,290 706,0 Z M146,290 L184,434 C207,522 228,596 248,686 L252,686 C272,596 293,522 316,434 L353,290 Z M428,0 L466,0 L273,726 L227,726 L34,0 L70,0 L137,256 L362,256 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/1F4A7.gid168" /></svg></td>

    <td class="expected" ft:id="CFF-1/1F95D" ft:render="🥝"
        ft:font="FDArrayTest257.otf"><svg version="1.1" viewBox="0 -320 1000 1480"><symbol id="CFF-1/1F95D.gid94" overflow="visible"><path d="M578,0 L682,0 C864,0 956,148 956,366 C956,582 864,726 682,726 L578,726 Z M616,34 L616,692 L676,692 C840,692 916,558 916,366 C916,174 840,34 676,34 Z M228,-12 C330,-12 430,71 430,220 C430,374 344,442 242,442 C190,442 159,426 124,402 L148,670 L412,670 L412,704 L116,704 L90,376 L120,360 C157,388 188,408 238,408 C330,408 392,334 392,218 C392,101 316,22 230,22 C146,22 100,63 64,106 L40,80 C78,37 132,-12 228,-12 Z" /></symbol><use x="0" y="0" xlink:href="#CFF-1/1F95D.gid94" /></svg></td>

  </tr>
  
  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="CFF-1/0041"/>
    <td class="observed" ft:id="CFF-1/211D"/>
    <td class="observed" ft:id="CFF-1/24EA"/>
    <td class="observed" ft:id="CFF-1/2460"/>
    <td class="observed" ft:id="CFF-1/2461"/>
    <td class="observed" ft:id="CFF-1/4EFF"/>
    <td class="observed" ft:id="CFF-1/FF21"/>
    <td class="observed" ft:id="CFF-1/10133"/>
    <td class="observed" ft:id="CFF-1/1D4D0"/>
    <td class="observed" ft:id="CFF-1/1F33A"/>
    <td class="observed" ft:id="CFF-1/1F33B"/>
    <td class="observed" ft:id="CFF-1/1F4A7"/>
    <td class="observed" ft:id="CFF-1/1F95D"/>
  </tr>
  
  <tr>
    <th class="conformance-header">Conformance</th>
    <td class="conformance" ft:id="CFF-1/0041"/>
    <td class="conformance" ft:id="CFF-1/211D"/>
    <td class="conformance" ft:id="CFF-1/24EA"/>
    <td class="conformance" ft:id="CFF-1/2460"/>
    <td class="conformance" ft:id="CFF-1/2461"/>
    <td class="conformance" ft:id="CFF-1/4EFF"/>
    <td class="conformance" ft:id="CFF-1/FF21"/>
    <td class="conformance" ft:id="CFF-1/10133"/>
    <td class="conformance" ft:id="CFF-1/1D4D0"/>
    <td class="conformance" ft:id="CFF-1/1F33A"/>
    <td class="conformance" ft:id="CFF-1/1F33B"/>
    <td class="conformance" ft:id="CFF-1/1F4A7"/>
    <td class="conformance" ft:id="CFF-1/1F95D"/>
  </tr>

</table>

</body>
</html>

